/* 文化 */
							
@keyframes warnwap {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}

@-webkit-keyframes warnwap {

    0% {

        transform:scale(0.5);

        opacity:0;

    }

    25% {

        transform:scale(1);

        opacity:0.4;

    }

    50% {

        transform:scale(1.2);

        opacity:0.8;

    }

    75% {

        transform:scale(1.3);

        opacity:0.4;

    }

    100% {

        transform:scale(1.4);

        opacity:0;

    }

}
	


@keyframes warn {

    0% {

       
        opacity:0.5;
	 transform: scale(1);

    }

   
    50% {
 

        opacity:0.25;
		transform: scale(1.05);

    }

   

    100% {

      

        opacity:0.5;
		transform: scale(1);
    }

}
/* 圆点 */
@keyframes ani-svg {
	0% {
		opacity: .4;
		transform: translateY(-20px);
	}

	15% {
		opacity: .65;
		transform: translateY(-15px);
	}

	25% {
		opacity: .8;
		transform: translateY(-10px);
	}

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	65% {
		opacity: .8;
		transform: translateY(5px);
	}

	75% {
		opacity: .65;
		transform: translateY(10px);
	}

	100% {
		opacity: .4;
		transform: translateY(15px);
	}
}
/* 地图 */
@keyframes ani-svg2 {
	0% {
		opacity: .6;
		transform: translateY(-5px);
	}

	 

	50% {
		opacity: 1;
		transform: translateY(0);
	}

	 

 
	100% {
		opacity: .6;
		transform: translateY(5px);
	}
}

@keyframes cloud1 {


  0% {
    right: -10%;
	}
 50% {
	right: 60%;
	}
 100% {
	right: 110%;
	}
  

}
@keyframes cloud2 {


  0% {
    right:-20%;
   
   
	}
 50% {
	right: 60%;
   
   
	}
 100% {
	right: 120%;
  
 
}
}

@-webkit-keyframes long-data-v-567370fb {
	0% {
		width: 0
	}
  
	25% {
		width: 16px
	}
  
	50% {
		width: 32px
	}
  
	75% {
		width: 16px
	}
  
	to {
		width: 0
	}
  }
  
  @keyframes long-data-v-567370fb {
	0% {
		width: 0
	}
  
	25% {
		width: 16px
	}
  
	50% {
		width: 32px
	}
  
	75% {
		width: 16px
	}
  
	to {
		width: 0
	}
  }
  
  

  @media screen and (max-width: 1670px) {
     
	nav>ul{ width: 950px;}

	.w80{ width: 90%;}
 
     
  }
  @media screen and (max-width: 1560px) {
	header .p-50{ padding: 0 10px;}
	.language,.tel{margin-left: 22px;}
	 
     
  }

  @media screen and (max-width: 1520px) {
	 

	/* .foot-link{ display: none;}*/
     
  }
 
  @media screen and (max-width: 1470px) {
	.subMenu{ height: 100px;}.subMenu>ul>li>a{ line-height: 100px;}
	.subMenu>ul>li>a{ font-size: 16px;}
	 
	.proright .prodesc{margin-bottom:50px}
	/* .tel{ display: none;} */

	.w80{ width:96%;}
	.about-page2{    padding-top: 100px;margin-top: -50px;}
	.about-page2-ul li h5 b{ font-size: 60px;}
	.about-video{padding-top: 40px;}
  }
  @media screen and (max-width: 1380px) {
	  .tel{ display: none;}
  }
  @media screen and (max-width: 1350px) {
	 

	.about-page2{    margin-top: 50px;padding-top: 50px;}
	.development-page3-left{ justify-content: center; }
	.development-page3-left img{    margin-left: 0px; max-width: 100%;}
	.partys-tit span{ font-size: 60px;}

	.pro-left{ width: 30%;}
	.pro-right{ width: 68%;}
	.prolist-ul{grid-template-columns: repeat(2,1fr);grid-gap: 32px;}

	.prodesc p{width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
	}
	
     
}


  @media screen and (max-width: 1290px) {
	/* header .p-50{ display: block;} */
	header .p-50{ padding: 0  0 0 10px; height:55px;align-items: center; }
	header .logo img:nth-child(1){ display: none;}
	header .logo img:nth-child(2){ display: block;}
	header{ height: 55px;}
	header .p-50 .r{ display: block; }
	/* padding: 30px 40px; */
	header .p-50 .r{ background: #0569b3;justify-content: center;align-items: center;display: flex; position: relative; width: 60px; height: 100%;}
	header.red .p-50 .r{ background: #e62129;}
	header .p-50  .r .burger{ width: 32px; height: 1px; background-color: hsla(0, 0%, 100%, .8); position: absolute; top: 20px; right: 30%; margin: 0 0 0 -16px; -webkit-transform-origin: center;transform-origin: center;-webkit-transition: .8s;transition: .8s}	
	header    .r .burger:first-of-type,
	header   .r .burger:nth-of-type(3) {width: 0;-webkit-animation: long-data-v-567370fb 2s linear infinite;animation: long-data-v-567370fb 2s linear infinite}
	header   .r .burger:nth-of-type(3) { -webkit-animation-delay: .6s;animation-delay: .6s}
	header   .r .burger:nth-of-type(2) {top:30px}
	header   .r .burger:nth-of-type(3) {top: 40px}
	header .p-50 .close .burger:first-of-type {top: 30px;-webkit-transform: rotate(225deg);transform: rotate(225deg);width: 32px;-webkit-animation: none !important;animation: none !important} 
	header .p-50 .close .burger:nth-of-type(2) {left: -100%;opacity: 0}
	header .p-50 .close .burger:nth-of-type(3) {top: 30px;-webkit-transform: rotate(-225deg);transform: rotate(-225deg);width: 32px;-webkit-animation: none !important;animation: none !important}
	header nav{ position: absolute; top: 55px; right: 0; width: 100%; background: #fff;color: #000; display: none;height: calc(100vh - 55px);}
	nav>ul{ width: 100%; display: block;  line-height:60px; }
	header nav>ul>li{ text-align: left;border-bottom: 1px solid #e5e5e5; }
	header nav>ul>li:nth-child(9){ display: none;}
	header nav>ul>li>a{ color: #000; text-align: left; padding-left: 10px; width: 60%;}
	header nav>ul>li:nth-child(10){ padding-left: 10px;  }

	 
.logo .txt{ display: block;}
	 
	.tabLanguage{ position: relative; display: inline-block; top: auto; background: none; color: #00a6e9 !important;margin-left: 20px;}
	.nowLanguage:hover .tabLanguage{ display: inline-block;}
	.language{ height: 70px;line-height: 70px;text-align: center; display: none;}
	.mav-en{ display: block; position: absolute; right: 70px; top: 0; line-height: 55px;color: #333;    font-size:16px;}

	.scoll-top .mav-en{ color: #333;}
	.language svg{ margin-right: 20px;}
	.tel{ height: 60px; line-height: 60px;text-align: center; display: none;}
	.subMenu{ position: relative;  top: 0; height: auto; overflow: hidden;background-color: #fff;}
	.subMenu>ul{ float: none; left: 0;}
	.subMenu>ul>li{ float: none; left: 0; border-top: 1px solid #e5e5e5;}
	.subMenu>ul>li>a{ line-height: 50px; font-size: 14px; color: #333; padding: 0 20px;    text-align: left; }
	.newsright ul li a h2{ font-size: 16px; height: auto;-webkit-line-clamp: 1;}  
	.subMenu>ul>li>a i{ margin-left: 25px;}

	.twonav{ background: url(../images/img5.png) no-repeat top 15px right 20px;}
	.twonav.active{background: url(../images/img6.png) no-repeat top 15px  right 20px;}
	header nav>ul>li.active { }
	header nav>ul>li>a::before{ display: none;}
	.w90{ width: 96%;}

	.logo img{  height: 36px;}

	.culture-page2 ul li h1{ font-size: 30px;}
	.culture-page2 ul li p{ font-size: 18px;}
  }

  @media screen and (max-width:1240px) {
		.w1240{  width: 96%;}
		.search-pro{ display: none; }
		.proinfo-page2-left img{ max-width: 100%;}
		.proinfo-page2-right .info{ margin: 20px;}
		.proinfo-page2-right .info .line{margin:30px 0}
		.proinfo-page2-right .info p{ line-height: 2;}
		.proinfo-page2-right .info a{ left: 20px; right: 20px;}
		/* .pro-detail-page2{ padding: 30px 0;}
		.pro-attributes-tit{    margin-bottom:  30px;}
		.pro-attributes-tit span{} */
		.pro-adv{grid-gap:40px;}
		.pro-problem,.pro-problem2{grid-gap: 30px;}
		.pro-problem li img,.proinfo-page3 img{ max-width: 100%;}
		.application-left{    width: 300px;padding-right: 30px;}
		.application-left ul li{    padding-left: 30px; font-size: 20px;}
  }

  .foot-fix{ display: none;}
  @media screen and (max-width:1200px) {
	.prolist-tel span{ font-size: 18px;}
	.country-ul li .conrty-txt{ font-size: 24px;}
	.w90{ width: 96%;}
	.about{height: auto;  }
	.about .w90{ flex-direction: column;}
	.index-tit{ margin-top: 50px;}
	.about .banlink{top: 80px; right: 2%; left: auto;}
	.aboutinfo{ margin-top: 50px; width: 100%;}

	.aboutinfo ul{ padding-bottom: 120px;}
	.cloud1{ bottom: 250px;}

	.neinav{ height: 60px;  line-height: 60px;}
	.neinav li a{ line-height: 60px;}
	.neinav li a.on, .neinav li a:hover{ line-height: 60px;}
	.neibanline{ bottom: 70px;}
	.neibanimg{ bottom: 170px;}

	.about-page2-ul li h5{ font-size: 22px;}
	.about-page2-ul li h5 b{ font-size:45px;}
	.about-page2-ul li p{ font-size: 16px;}

	.videos{ width: 90%; left: 5%; margin-left: 0;}
	#video{ width: 100%;}

	.culture-spirit li:nth-child(2n-1) .dot{    margin-right: 100px;}
	.culture-spirit li:nth-child(2n) .dot{ margin-left: 100px;}

	.honor-page1 ul {display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr);}

	.development-page3-right .development-page3-right-info ul{margin: 30px 0;}
	.development-page3-right .development-page3-right-info ul li{font-size: 18px;}
	.development-page3-left img{ max-width: 320px;}
	.development-page3-left{ width: 35%;}
	.development-page3-right{ width: 60%;}

	.newslist-ul li .news-txt h2{ font-size: 18px;}

	.partys-page1-cen,.partys-page1-cen-big{ width: 280px; height: 280px;}
	.partys-page1-cen-smaill{ width: 220px; height: 220px;font-size: 22px;}
	.partys-page1-left-info .info{    padding-right: 160px;}
	.partys-page1-left-info{padding-left: 20px;}
	.partys-page1-left-info .line{margin: 25px 0;}
	.partys-page1-left-info h1{font-size: 30px;}
	.partys-page1-right{    width: calc(50% - 60px);    padding-right: 60px;}

	.partys-page3-ul{grid-template-columns: repeat(3,1fr);}

	.contact-top-left h1{ font-size: 34px;}

	
	.tancon{padding: 0 3% 0;}
	.explore-idea .right{padding: 4% 4% 0 120px; background-size: 50px;}
	.explore-idea .right p{font-size: 14px; line-height: 33px;}
	.explore-idea .left .t2{font-size: 24px;}
	
	.join-list li{width: 32%;}
	.join-list li:nth-child(4n+1){margin-left: 2%;}
	.join-list li:nth-child(3n+1){margin-left:0;}

  }


  @media screen and (max-width:1124px){
	.map{ width: 100%;}

	.product,.news{ padding: 40px 0;}

	.pro-container .swiper-slide{ flex-direction: column;}
	.pro-tit{position: relative;    left: 25%;    width: 50%;text-align: center;}
	.proleft, .proright{ width: 100%; text-align: center;}
	.proright{ padding-top: 0px;}
	.proright .prodesc{margin-bottom:10px}
	.proright a{ margin: 0px auto;}
	.product .swiper-pagination{ display: none;}
	.news .w80{ width: 96%; padding: 40px 0;}
	.foot-top{ height: 100px;}
	.foot-top .foot-top-left{ font-size: 26px;}
	.foot-top .foot-top-left span{ font-size: 30px;}
	.foot-top-right{font-size: 16px;    width: 150px;    height: 50px;    border-radius: 25px;}
	/* .foot-bot-top h4{ font-size: 18px;} */
	.foot-ewm { width: 220px;}
	.foot-ewm img{ width: 100px;}
	.foot-tel{ font-size: 30px;}
	.foot-bot-top-left{ width: 70%;}
	.pro-txt{font-size: 80px;}

	.about-page1-right h2{padding: 20px 0 20px 0; font-size: 26px;}
	.about-page1-right h5{ font-size: 16px;}
	.about-page1-right h1{ font-size: 30px;}
	.about-page1-right .info{ font-size: 14px;}
	.about-page2-ul li h5{ font-size: 20px;}
	.about-page2-ul li h5 b{ font-size: 35px;}
	.about-page2-ul li p{ font-size: 14px;}
	.about-page2-ul li{ padding: 0 25px;  text-align: center;}
	.about-video-play{ font-size: 20px;}


	.media-detail-tit a{ display: none;}
	.contact-top-left h5{ font-size: 18px;}

	.work-search{ width: 96%;}
	 
  }
.wap-wrapper{ display: none;}
  @media screen and (max-width:900px){

	#video1{ display: none !important; visibility: hidden; }

	footer{ padding-bottom:60px;}
	.foot-fix{ display:block; position: fixed; width: 100%; height: 50px;  background: #0569b3; color: #fff; z-index: 5; bottom: 0; left: 0; padding: 5px 0;    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);} 
	.foot-fix ul{ display: flex;}
	.foot-fix ul li{flex: 1; text-align: center; border-right: 1px solid rgb(255, 255, 255,0.2);}
	.foot-fix ul li a{  color: #fff;}

	  .wap-wrapper{ display: block; height: auto; padding-top: 55px;}
	  .banner{ position: relative;}
	  .banner-swiper .swiper-pagination{ width: 100%;}
	  .bantxt{  width: 100%; height: 100%; left: 5%; top: 0;display: flex;  align-items: center;}
	  .banner .banlink{  display: none;}

	.banner_wrapper{  display: none;}

	header{ background: #fff;}
	/* 
	.banner_wrapper video{  width: 100%;} */
	/* .scoll-top .logo img{ height: 48px; } */
	.product,.news{ padding:20px 0;}

	.news .w80{ flex-direction: column;}
	.newsleft{ width: 100%;}
	.newsright{ width: 100%; margin-top: 20px;}
	.newsright ul li{ padding: 10px;}

	.bantxt h1{ font-size: 18px;}
	.bantxt h3{ font-size: 12px;}
	.sub-mouse{ display: none;}
	.banner-swiper .swiper-pagination{    bottom: 12px;    right: 0; }
	.banner-swiper .swiper-pagination-bullet{background-size: cover;  margin: 0 10px !important; width: 10px; height: 10px;}
	.banner-swiper .swiper-pagination-bullet-active{ width: 14px; height: 14px;}

	.index-tit{ margin-top: 20px; font-size: 22px;}
	.about-left{ display: flex; justify-content: space-between;}
	.about .banlink{    position: relative;top: 15px;    left: auto;    bottom: auto;    right: auto;width: 130px;}
	.aboutinfo h2{ font-size: 20px;}
	.aboutinfo{ margin-top: 20px;}
	.aboutinfo .info{ margin: 20px 0; font-size: 14px; line-height: 2.2;}
	.aboutinfo ul li h5{ font-size: 18px; font-weight: normal; }
	.aboutinfo ul li h5 b{ font-size: 22px;}
	.aboutinfo ul li p{  font-size: 12px;}
	.aboutinfo ul{ padding-bottom: 50px;}
	.aboutinfo ul li{ padding: 0 12px;}

	.pro-tit{ width: 90%; left: 5%;}
	.pro-tit h1{ font-size: 22px;}
	.pro-tit h1 img{ height: 10px;}
	.pro-tit H2{ font-size: 14px;}
	.proright h1{ font-size: 20px;}
	.proright .prodesc{ font-size: 14px; line-height: 2;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;width: 100%;}
	.pro-button-next,.pro-button-prev{ width: 40px; height: 40px;}
	.pro-txt{ font-size: 50px;}
	.proright a{ width: 120px; height: 34px; line-height: 34px; font-size: 14px;}

	.Range{ padding: 20px 0;}
	.index-title h1{ font-size: 22px;}
	.index-title h2{ font-size: 14px;}
	.map {  display: none;}
	.wap-map{ display: block; padding: 20px 0;}


	.newsleft .swiper-slide h2{ font-size: 16px; height: 50px; line-height: 50px;    padding-left: 10px;    width: calc(100% - 10px);}
	.newsleft .swiper-pagination{ display: none;}
	.news .w80{ padding: 20px 0;}


	.foot-top{  height: auto;  padding: 10px 0;}
	.foot-top .w90{ flex-direction: column;}
	.foot-top .foot-top-left{ font-size: 14px;}
	.foot-top .foot-top-left span{ font-size: 18px;}
	.foot-top-right{ width: 120px; height: 30px; line-height: 30px; font-size: 14px; border-width: 1px; display: none;}
	.foot-top-right img{ height: 8px;}
	
	.foot-Copyright{ text-align: center; padding: 20px 0;}
	.foot-bot-top{ padding-top: 20px;padding-bottom: 10px;}
	.foot-bot-top-left img{ display: none;}
	.foot-bot-top{ flex-direction: column; display: none;}
	.foot-bot-top-left{ width: 100%;}
	.foot-bot-top-left ul{margin-top: 0px; flex-wrap:wrap}
	.foot-bot-top-left ul li div{ display: none;}
	.foot-bot-top-left ul li{ width: 33.3%; }
	.foot-bot-top-left ul li:last-child{ display: none;}
	.foot-bot-top h4{ font-size: 16px; font-weight: bold;  line-height: 2.2; color: #0569b3;}
	.foot-tel{ color: #0569b3;}
	.foot-bot-top-right{ margin-top: 0px;}
	 .foot-link{  text-align: center; display: none;} 
	.foot-bot-foot{ height: auto;}

	.about-page1{padding-top: 20px;}
	.about-page1 .w80{ flex-direction: column;}
	.about-page1-left,.about-page1-right{ width: 100%;}
	.about-page1-right h1{ font-size: 22px; font-weight: bold; margin-top: 20px;}
	.about-page1-right h5{ font-size: 14px;}
	.about-page1-right h2{ font-size: 18px; padding: 10px 0;}

	.about-page2{ padding-top: 20px; margin-top: 20px;}
	.about-page2-ul{  display: grid; grid-gap: 18px  ; grid-template-columns: repeat(3,1fr);}
	.about-page2-ul li h5{ font-size: 16px;}
	.about-page2-ul li h5 b{ font-size: 22px;  }
	.about-page2-ul li p{ font-size: 12px;}
	.about-page2-ul li{  padding: 0;} 

	.about-video-play p>img{ width: 40px;}
	.about-video-play{ font-size: 16px;}
	.about-video{ padding: 0; margin: 20px 0;}
	.videos{ height: auto;}
	.vclose{ width: 30px; height: 30px;}
	.videos{ width: 96%; left: 2%;}

	.neibantxt h1{ font-size: 30px;}
	.neibantxt h5{ font-size: 14px;}
	.neibantxt{ height: auto;}
	.neiban{ height: 300px;background-size: cover !important;}
	.neibanimg,.neibanline{ display: none;}
	.neinav li a{ font-size: 14px; line-height: 50px;}
	.neinav{  height: 50px;}
	.neinav li a.on, .neinav li a:hover{ line-height: 50px; font-size: 14px;}


	.culture-page1{    padding: 20px 0 20px 0;}
	.culturetxt{ font-size: 22px;}
	.culture-ul{   flex-direction: column; flex-wrap: wrap; margin:10px 0 20px 0;}
	.culture-four{  height: auto;    margin-top: 20px;}
	.culture-four-center h1{ font-size: 22px;}
	.culture-four-center h5{ font-size: 16px;}
	.culture-four-center{  background: none; width: auto; height: auto; background: #0569b3;  padding: 8px 0; }
	.culture-spirit{ position: relative; height: auto;}
	.culture-spirit li{ position: relative;}
	.culture-tit img{ width: 100px;}
	.culture-ul li span{width: 80px; height: 80px;}
	.culture-ul li span img{ width: 100%;}
	.culture-ul li{  font-size: 14px;}

	.culture-spirit li{ top: auto !important; left: auto !important; right: auto !important; bottom: auto !important; width: calc(100% - 20px); display: flex;   align-items: center; padding: 0 10px; margin-top: 20px;}
	.culture-spirit li:nth-child(2n-1) .dot{ margin:  0 0 0 20px !important; }
	.culture-spirit li:nth-child(2n) .dot{ margin:  0 20px 0 0  !important; }
	.culture-spirit .dot_circle{ width: 60px; height: 60px;}
	.culture-spirit .dot::after{ width: 80px; height: 80px;    margin-top: -40px;margin-left: -40px;}
	.culture-spirit li .dot-txt h2{ font-size: 20px;}
	.culture-spirit li .dot-txt h5{ font-size: 14px;}
	.culture-spirit .dot{ width: 60px; height: 60px;}
	.culture-spirit{ margin-top: 20px;}

	.culture-spirit .dot_circle img{ width: 45px;}

	.culture-page2{ height: auto; background-size:  100% 100%;}
	/* .culture-page2 ul{ flex-wrap: wrap; height: auto;  }
	.culture-page2 ul li{    width: calc(50% - 31px); padding:30px 15px; border-bottom: 1px solid  rgb(255, 255, 255,0.2);} */
	.culture-page2 .swiper-slide div{padding:30px 15px;;}
	.culture-page2   h1{ font-size: 20px;}
	.culture-page2  p{ font-size: 14px; color: #fff;font-family: Microsoft Yahei;}
	
	.foot-ewm{    margin-top: 0px;}

	.honor-page1{ padding: 20px 0;}
	.honor-page1 ul {display: grid; grid-gap:15px; grid-template-columns: repeat(2,1fr);}
	.honor-page1 ul li{ padding:20px 15px;}
	.honortxt{ font-size: 14px; padding: 10px 0;}
	.honor-more{width: 120px; height: 34px; line-height: 34px; font-size: 14px; margin: 20px auto 0 auto;}

	.pt-50{ padding-top: 20px;}
	.pb-50{ padding-bottom: 20px;}

	.proinfot-tel{ display: none;}
	.keylink{display: inline-block;  white-space: nowrap; width: 100%; overflow: hidden;text-overflow:ellipsis;}
	.proinfo-page2{ padding: 20px 0;}
	.proinfo-page2 .w1240{ flex-direction: column;}
	.proinfo-page2-left,.proinfo-page2-right{ width: 100%;}
	.proinfo-page2-right .info a{ position: relative; display: block; bottom: auto; left: auto; right: auto;margin-top: 10px;}
	.proinfo-page2-right .info h1{ font-size: 22px;}
	.proinfo-page2-right .info .line{    margin: 15px 0;}
	.proinfo-page2-right .info p{  font-size: 14px;}

	.pro-detail-page1{ }
	.pro-detail-page1-tit h1{ font-size: 22px;}
	.pro-detail-page1-tit h2{ font-size: 16px;}
	.pro-detail-page1-tit::before, .pro-detail-page1-tit::after{ width: 20px; height: 20px;background-size: cover;}
	.pro-detail-page1 img{ width: 80%;}
	.pro-detail-page2{  }
	.pro-attributes-tit{    margin-bottom: 20px; margin-top: 20px;}
	.pro-attributes-tit span{ font-size: 22px;    padding-bottom: 8px;}
	.pro-adv{grid-template-columns: repeat(2,1fr);grid-gap: 20px;}
	.pro-adv li{ font-size: 16px; padding: 20px 0;}
	.pro-adv li img{    margin-bottom: 12px; width: 90px;}
	.pro-adv-more{    margin: 20px auto 0;    font-size: 16px;    width: 180px;    height: 40px;}
	.pro-detail-page3{  }
	.pro-detail-page4{ }
	.pro-detail-tit{ font-size: 16px;}
	.pro-detail-tit h1{ font-size: 22px;}

	.pro-problem{grid-template-columns: repeat(2,1fr);padding: 30px 0 20px 0;    grid-gap: 40px 20px;}
	.pro-problem li span{    font-size: 16px;    width: 130px;margin-left: -65px;    height: 38px;    top: -19px;}
	.pro-problem2{grid-gap: 20px;}
	.pro-problem2{grid-template-columns: repeat(2,1fr);    padding: 20px 0 0;}
	.pro-problem2 li{    padding: 15px;}
	.pro-problem2 li h2{    font-size: 18px;    margin: 6px 0;}
	.pro-problem2 li p{font-size: 12px;}
	.pro-detail-page5{padding: 20px 0 1px;}

	.why-ul{    flex-direction: column;}
	.why-ul .why-fl, .why-ul .why-fr{ width: 100%;}
	.why-cen{ display: none;}
	.why-ul{ position: relative;}
	.why-ul li{ margin-bottom: 10px; font-size: 16px;}
	.why-ul li span{ font-size: 18px;}
	.why-ul .why-fr li{ text-align: left;    flex-direction: row;}
	.why-ul .why-fr li span{ margin-left: 0; margin-right: 10px;}
	
	.pro-detail-page6{  }
	.factory-ul{    grid-template-columns: repeat(2,1fr);grid-gap: 15px;}
	.factory-ul li:nth-child(1){grid-column: span 2; grid-row: span 2;}

	.application-box{ flex-direction: column;}

	.application-left{    width: 100%;    padding-right: 0;}
	.application-left ul{border-left:none;    flex-direction: row;flex-wrap: wrap;}
	.application-left ul li{padding-left:10px; font-size: 16px; width: calc(50% - 11px); margin-bottom: 20px;}
	.application-left ul li img{    margin-right:12px;}
	.application-left ul li:hover, .application-left ul li.on{border-left:none; background: none;}

	.pro-more{ display: none;}
	.pro-attributes-tit em{ font-size: 12px;}

	.Production-ul{    grid-template-columns: repeat(1,1fr);grid-gap: 20px;}
	.Production-ul li{ padding: 20px;    font-size: 14px; box-shadow: 0 0 8px rgb(4 ,105, 179,0.2);}
	.pro-detail-tit h5{ font-size: 14px; line-height: 2;margin-top: 20px;}
	.Production-ul li img{margin-bottom:20px;}
	.lcbox{flex-direction: column;}
	.lcbox li:nth-child(2) img{margin-left:0; margin-top: 20px;}

	.development-page1{ flex-direction: column;}
	.development-page1-left{padding: 0 2%;    width: 96%;}
	.development-page1-left .development-page1-left-info{    margin-top: 20px}
	.development-page1-left .development-page1-left-info h1{ font-size: 22px;}
	.development-page1-left .development-page1-left-info .line{ height: 2px;    margin: 20px 0;}
	.development-page1-left .development-page1-left-info .info{ font-size: 14px; padding-bottom: 12px;}
	.development-page1-right{ padding: 0 2%;    width: 96%; background-size: 50%;}
	.development-page1-right .development-page1-right-info{ margin: 20px 0;}
	.development-page1-right .development-page1-right-info dl{margin-top:20px}
	.development-page1-right .development-page1-right-info dl dd{ font-size: 14px;}


	.development-page2{margin-top: 20px;padding-bottom:20px}

	.development-page3{ padding: 20px 0;}
	.development-page3 .dis-flex{flex-direction: column;}
	.development-page3-left{ width: 100%;}
	.development-page3-right{ width: 100%; padding-top: 20px;}
	.development-page3-right h1{ font-size: 22px; text-align: center;}
	.development-page3-right h1 span{ font-size: 16px;}
	
	.development-page3-right .development-page3-right-info ul{ margin: 15px 0;}
	.development-page3-right .development-page3-right-info ul li{ font-size: 15px;}
	.development-page3-right .development-page3-right-info ul li{   width: auto; margin-right: 20px;}
	.development-page3-right .development-page3-right-info .info{ font-size: 14px;}

	.development-page4{ padding: 20px 0;}
	.development-tit h1{ font-size: 22px;}
	.development-tit .line{ height: 2px;}
	.development-page4-ul{ flex-wrap: wrap;}
	.development-page4-ul li{ width: 48%;    border-radius: 10px;  margin: 0px; margin-bottom: 20px; height: auto; padding: 15px 0;}
	.development-page4-ul li h2{ margin: 10px 0; font-size: 20px;}
	.development-page4-ul li p{ font-size: 14px;}

	.development-page5{ padding: 20px 0;}
	.development-page6 .swiper-pagination-bullet{ width: 8px; height: 8px;}

	.development-page6-ban{   padding:20px 2%;}

	.media-page1{ padding: 20px 0;}
	.media-page1 .swiper-slide .newban{ flex-direction: column;}
	.media-page1 .swiper-slide .newban-left{ width: 100%;}
	.media-page1 .swiper-slide .newban-right{ width: calc(100% - 20px); padding: 0 10px; margin-top: 10px;padding-bottom: 20px;}
	.media-page1 .swiper-slide .newban-right h1{ font-size: 18px; margin: 8px 0;}
	.media-page1 .swiper-slide .newban-right .info{ font-size: 14px; line-height: 1.8; }
	.media-page1 .swiper-pagination .swiper-pagination-bullet{ width: 50px;}
	.newban-swiper-pagination{margin-top:20px}
	.newslist-ul{grid-gap: 15px;    grid-template-columns: repeat(2,1fr);}
	.newslist-more{ width: 180px; height: 38px; font-size: 15px;    margin: 20px auto 0;}

	.newslist-ul li .news-txt{ padding: 8px;}
	.newslist-ul li .news-txt span{ font-size: 12px;}
	.newslist-ul li .news-txt h2{ font-size: 14px; margin-top:2px;  }

	.media-detail-tit{ padding: 20px;}
	.media-detail-tit h1{ font-size: 20px;}
	.media-detail-tit h4{ font-size: 14px;}
	.media-detail-info{ font-size: 14px; padding: 20px;}
	.media-detail-info img{ max-width: 100%;}
	.media-detail-page{ flex-direction: column; }
	.media-detail-page a{ width: calc(100% - 20px); padding: 0 10px; line-height:50px; font-size: 14px;}

	.partylist-ul{grid-gap:20px;    grid-template-columns: repeat(1,1fr);}
	.partylist-ul li { }
	.partylist-ul li .news-txt{ padding: 8px;}
	.partylist-ul li .news-txt span{ font-size: 14px;}
	.partylist-ul li .news-txt h2{ font-size: 16px; margin: 5px 0;  font-weight: 600; }
	.partylist-ul li .news-txt .info{  font-size: 14px; line-height: 1.5; margin-bottom: 12px;  }

	.partylist-ul li:hover { background: #e62129;}
	.partylist-ul li:hover .news-txt em{  height: 0;}
 
	.partys-ban  .swiper-button-next,.partys-ban  .swiper-button-prev{ display: none;}

	.partys-page1 .w80{ flex-direction: column;}
	.partys-page1-left{ width:  calc(100% - 40px); padding: 20px 20px 0 20px;}
	.partys-page1-left-info{ padding: 0;}
	.partys-page1-left-info h1{ font-size: 22px;}
	.partys-page1-left-info .line{ margin: 8px 0;}
	.partys-page1-left-info .info{ padding: 0; font-size: 14px;}
	.partys-page1-cen{ position: relative; left: 0; top: 0;  margin: 0 auto 15px auto; background:none; width: 100%; height: auto;}
	.partys-page1-cen-big{ background:  none; width: 100%; height: auto;}
	.partys-page1-cen-smaill{ background:  none; width: 100%; height: auto;}

	.partys-page1-right{  width:  calc(100% - 40px); padding: 20px;}
	.partys-page1-right ul{ display: grid; grid-gap: 20px; grid-template-columns: repeat(3,1fr); padding: 0; width: 100%; margin: 0;}
	.partys-page1-right ul li{ width: auto;    margin-bottom: 0; font-size: 14px; height: 50px;}
	.partys-page1-right ul::before,.partys-page1-right ul::after{ display: none;}
	.partys-tit span{ font-size: 24px;}
	.partys-tit h1{ font-size: 22px; margin-top: -30px;}

	.partys-page3-ul{    grid-template-columns: repeat(1,1fr);}
	.partys-page3-ul li{  border-radius: 0px;padding: 20px; border-radius: 14px;}
	.partys-page3-ul li .partys-page3-txt{flex-direction: column;}
	.partys-page3-ul li .partys-page3-txt h1{    writing-mode: inherit; text-align: center;margin-left: 0; margin-bottom: 20px; width: 100%;}
	.partys-page3-ul li .partys-page3-txt h1 span{ writing-mode: inherit;}
	.partys-page3-ul li .partys-page3-txt .info{ height: auto;  writing-mode: inherit; font-size: 12px; line-height: 2;}

	.partys-ban{    margin: 20px auto;}
	.partys-ban .swiper-slide{padding: 15px 0;}
	.partys-ban .swiper-slide .partys-ban-txt{    font-size: 14px;margin-top:20px}

	.partys-page3{ padding: 20px 0;}
	.partys-page3-ul{margin-top: 20px;}

	.notice-ul li a{ padding:20px 10px;}
	.notice-ul li{    width: calc(100% - 1px );}
	.notice-ul li h5{ font-size: 16px;}
	.notice-ul li h1{    font-size: 16px; line-height: 1.6;height:auto;margin: 12px 0;}
	.notice-ul li .notice-date span:nth-child(1){ font-size: 14px;}
	.notice-ul li .notice-date span:nth-child(2){font-size: 12px;    width: 22PX;    height: 22PX;}

	.contact-top{ flex-direction: column;}
	.contact-page1{ padding: 20px 0;}
	.contact-top-left h1{ font-size: 22px; font-weight: bold;}
	.contact-top-left h5{ font-size: 16px;  line-height: 2;}
	.contact-top-left h5 svg{ font-size: 18px; margin-right: 8px;}

	.contact-top-left h2{ font-size: 18px; font-weight: bold; margin: 10px 0;}
	.contact-top-left figure .other-contact a{ width: 50px; height: 50px;    font-size: 26px;}
	.contact-top-right h1{ font-size: 22px; font-weight: bold;margin-top: 30px;}
	.contact-top-right{ width: 100%;}
	.contact-top-right input{      height: 40px;    line-height: 40px;    font-size: 14px;margin-top: 15px;}
	.contact-top-right textarea{ padding: 5px 25px;    margin-top: 15px;}
	.contact-top-right button{    height: 40px;    margin-top: 15px;font-size: 16px;}

	.contact-page2{  display: none;}

	.tancon{width: 90%;}
	.rc-popscroll{ max-height: 300px; overflow-y: scroll;  padding-right: 60px;}
	.tancoiiiab .t1{width: 48%;}
	.recruit-box .list{margin-top: 2em;}
	.recruit-box .list .item{padding: 1em;}
	.recruit-box .list .staff-box{padding-bottom: 1em;}
	.recruit-box .list .staff{font-size: 16px;}
	.recruit-box .list .detail{font-size: 14px;}
	.recruit-box .list .require{margin-top: 10px;}
	.recruit-box .list .require span{margin-bottom: 0; font-size: 12px; line-height: 30px; width: 50%;}
	
	.tancoiiiab .t1 b{font-size: 16px; margin-top: 0;}
	.tancoiiiab{padding: 1em 0;}
	#mCSB_1{min-height: auto !important;}
	.tancoiiiab .t1 b{display: inline-block; font-size: 14px; margin-left: 10px;}
	.tancoiii h4{font-size: 16px; margin-bottom: 10px;}
	.tancoiiiab{padding: 0 0 1em;}
	.tanright{right: 0; width: 45px; height: 45px; top: -45px;}

	.tancoiiiab h1{ font-size: 20px;}
	.tancoiii p{ line-height: 2;}
	
	.recruit-box{padding-bottom: 4em;}
	.page-box{margin-top: 4em; background: none;}
	.page a{margin: 0 5px; height: 40px; line-height: 40px; width:40px;}
	
	.recruit-tit .sub-tit{font-size: 16px;}
	.recruit-tit .tit{font-size: 24px;}
	

	.recruit-tit .desc p{font-size: 14px; line-height: 32px;}
	.explore-box .list{margin-top: 2em; margin-bottom: 0;}
	.explore-box .list .item{width: 100%;  margin-left: 0; float: none;}
	.explore-box .list .con-box{height: 62px; line-height: 62px; font-size: 15px;}
	
	.idea-title{padding: 1em 0 2em;}
	.idea-title h3{font-size: 28px;}
	.idea-title h4{font-size: 32px;}
	
	.join-title{padding: 2em 0;}
	.join-title h3{font-size: 24px; margin-bottom:.5em;}
	.join-title p{font-size: 14px;}
	.join-list li{width: 100%; margin-left: 0; float: none;}
	.join-list li .text .t1{font-size: 16px; font-weight: bold;}
	.honor-list .item .text .t1{font-size: 16px; font-weight: bold;}

	.work-ul{    grid-template-columns: repeat(1,1fr);    grid-gap:10px;    margin: 20px 0;}
	.work-ul li{ padding:0; padding: 15px; }
	.work-ul li .con1{ padding: 10px;}
	.work-ul li h1{margin-bottom: 0px;font-size: 16px; display: inline-block;white-space: nowrap; width: 100%;  overflow: hidden;text-overflow:ellipsis;}
	.work-ul li p{font-size: 12px;width:100%;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
	.work-ul li a{ width: 100px; height: 30px; font-size: 14px;}
	.g5lianjie ul li{ width: 100%;}
	.g5lianjie ul{ font-size: 14px;}

	.jon-tit{padding: 20px 0; font-size: 14px;}
	.jon-tit h1{ font-size: 22px;}
	.join-page1 ul li{     width: calc(50% - 22px);    margin: 0px 10px 30px ; height: 100px;}
	.join-page1 ul li h2{font-size: 20px;    top: -20px;}
	.join-page1 ul li h3{ font-size: 18px;}
	.join-page1 ul li p{ font-size: 12px; line-height: 1.6; padding: 0 10px;}

	.join-page2{ flex-direction: column; height: 400px;}
	.join-page2-left,.join-page2-right{ width: 100%; background-size: cover; font-size: 14px; height: 200px;}

	.join-page2 h1{ font-size: 20px;}

	.work-search{ width: 98%;}
	.work-search-left{ font-size: 14px;height: 42px;}
	.work-search-left input{ font-size: 14px;}
	.work-search-left span{ display: none; }
	.work-search-right button{ font-size: 14px; width: 100px;height: 42px;}

	.pro-page1 .w80{ flex-direction: column;}
	.pro-left{ width: 100%;}
	.pro-left-box{padding:   0; background: none;}
	.pro-page1{ padding: 20px 0;}
	.pro-left-box h1{  font-size: 22px; text-align: center;    margin-top: 0px; color: #0569b3; font-weight: bold; display: none;}
	.pro-left ul{ border: none; margin:   0;display: grid; grid-gap: 10px; grid-template-columns: repeat(2,1fr);}
	/* 2px solid rgb(255, 255, 255,0.1) */
	.pro-left ul li{ line-height: 40px; height: 40px;    border-bottom: 1px solid rgb(255, 255, 255,0.1);}
	.pro-left ul li a{ font-size: 14px; background: #0569b3; padding: 0; width: 100%;  text-align: center;}

	.pro-left dl{ display: none;}

	.pro-right{ width: 100%; margin-top: 20px;}
	.prolist-ul{grid-gap: 12px;}
	.prolist-ul li{ padding: 10px;}
	.prolist-ul li .prolist-txt{ margin: 8px 0;}
	.prolist-ul li .prolist-txt h1{ font-size: 16px;}
	.prolist-ul li .prolist-txt h2{ font-size: 12px;    margin-top: 8px;}
	.prolist-ul li .prolist-more{line-height: 38px;    height: 38px;    font-size: 14px;}
	
	.country-ul li .conrty-txt{ font-size: 18px; font-weight: lighter;}
	.country-ul{flex-wrap: wrap;}
	.country-ul li{    flex: 1 50%;}
	.country-ul li:nth-child(4){flex-direction: column;}
	.country-ul li:last-child{ display: none;}
	.common-map-box .dot_box .dot .dot_circle{ width: 7px; height: 7px;}
	.common-map-box .dot:after{width: 26px; height: 26px; margin-top: -13px; margin-left: -13px;}
	.common-map-box .dot:before{width: 14px; height: 14px; margin-top: -7px; margin-left: -7px;}
	.common-map-box .dot_box .txt{ display: none;}
	.common-map-box .dot_box .txt2{ width: 50px;}
	.case-tit{ font-size: 22px;}
	.case-page1{ padding: 20px 0;}
	.country-ul{    margin-top: 20px;}
	.case-table{padding: 20px 0;}
	.case-page3 ul{grid-template-columns: repeat(3,1fr);    grid-gap: 15px;}

	.prolist-ul li:hover  .prolist-on{transform:scaleX(0)}

	.factory-txt h2,.factory-ul li:nth-child(2) .factory-txt h2{ font-size: 16px; text-align: center;}
	.factory-ul li:nth-child(2) .factory-txt .line{ height: 1px;}

	.relations-page1{ padding: 20px;}
	.relations-top h2{ font-size: 20px;}
	.relations-top h2 span{ font-size: 22px;}
	.relations-tel{ margin: 20px 0; font-size: 22px;}
	.relations-tel span{ width: 30px; height: 30px; font-size: 18px;}
	.relations-top ul{grid-template-columns: repeat(1,1fr);    grid-gap: 20px; width: 100%;}
	.relations-top ul li{ font-size: 16px;  }
	.relations-bot{ margin: 10px 0;}
	.relations-bot-text ul li h1{ font-size: 18px;}
	.relations-bot-text ul li{ width: 100px; height: 100px;    margin-left: -12px;}
	.relations-bot-text ul li p{ font-size: 10px;}
	.relations-page2{ padding-bottom: 20px;}
	.development-honor-img img{ max-width: 70% }


	.newsleft img{ height: 280px; object-fit: cover;}
	.media-page1 .swiper-slide .newban-left img{ width: 100%; height: 270px; object-fit: cover;}
	.newslist-ul li .news-img img{ width: 100%; height: 130px; object-fit: cover;}
	.newslist-more:hover{ width: 150px !important;}
	.prudct-page{ display: block;}
	.prudct-page li:nth-child(2){ display: none;}
	.prudct-page li:nth-child(1), .prudct-page li:nth-child(3){ height: 50px; line-height: 50px; width: 90%;}
	.prudct-page li:nth-child(3){ text-align: left;}

	.jiagou{ margin: 20px 0;}
	.jiagou .top{ width: 350px; height: 111px; line-height: 90px; font-size: 18px; background-size: cover;}
	.jiagou .bot{ display: flex; justify-content: space-between;   }
	.jiagou .bot .line{ width: 1px; height: auto;    margin: 17px 0 30px 0; }
	.jiagou .bot ul{ padding: 0; flex-direction: column; width: calc(100% - 44px); margin: 0;  }
	.jiagou .bot ul li{   writing-mode: horizontal-tb;
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: horizontal-tb;
		
		line-height: 35px; font-size: 14px; padding: 0 15px; margin-bottom: 15px;}
	.jiagou .bot ul li::before{transform: rotateZ(-90deg); left: -35px; top: 50%; margin: -12px 0 0 0;}
 
  }


  .honor-page1 ul li:hover  .mask-white,.newslist-ul li:hover .mask-white ,.partys-ban .swiper-slide:hover  .mask-white  ,.about-page1:hover   .mask-white,.development-page2:hover    .mask-white
  ,.newban:hover    .mask-white
  { -webkit-transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform:scale3d(2.2,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0)}